<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		
	</head>

	<body>
	
		<div data-role="page"  data-theme="b">
			
			<header data-tap-toggle="false" data-position="fixed" data-role="header" role="banner">
				
				<a href="#menuPanel" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-inline="true">Bars</a>
				
				<h1 id="centerheader">
					<a href="main.html">
						<!-- <img src="img/aa.png" alt="" /> -->
					</a>
				</h1>
				<h5>${sessionScope.userLoginInfo.name}님 환영합니다.</h5>
				<a href="#rightpanel" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">Grid</a>
				
			</header>
							
			
			
			<section id="menuPanel" data-display="overlay" data-position-fixed="true" data-role="panel"  data-theme="b">
				<jsp:include page="/resources/jsp/leftMenu.jsp" />
			</section>	
			
			<div data-role="panel" id="rightpanel" data-display="overlay" data-position="right" data-theme="b">
				
			</div>
		
			<div data-role="content" class="ui-panel-content-wrap" >
			
			 	<form id="reportingRegist" method="post">
			 		<input type='hidden' name='writer' value='${sessionScope.userLoginInfo.name}'/>
			 		<input type='hidden' name='gradeLev' value='${sessionScope.userLoginInfo.gradeLev}'/>
				    <ul data-role="listview" data-inset="true">
				        <li class="ui-body ui-body-b">
				        	<div data-role="fieldcontain" class="ui-hide-label">
				            	<input type="text" name="title" id="title" value="" data-clear-btn="true" placeholder="업무 제목을 입력하세요">
				            </div>
				        </li>
				        <li data-role="fieldcontain">
				        	<div data-role="fieldcontain" class="ui-hide-label">
				        		<textarea style="height:300px;" name="content" id="content" placeholder="업무 내용을 입력하세요"></textarea>
				        	</div>
				        </li>
				        <li data-role="fieldcontain">
				            <div data-role="fieldcontain" class="ui-hide-label">
					            <select name="reportType" data-native-menu="false">
					                <option value="0">일일업무</option>
					                <option value="1">주간업무</option>
					                <option value="2">월간업무</option>
					            </select>
					        </div>
				        </li>
				        				        
				        <li class="ui-body ui-body-b">
				            <fieldset class="ui-grid-a">
				                    <div class="ui-block-a"><button type="submit" data-theme="d">취소</button></div>
				                    <div class="ui-block-b"><button type="submit" data-theme="a">등록</button></div>
				            </fieldset>
				        </li>
				    </ul>
				</form>	
				
			</div>
			
			
			
			<style>
			
			body{
			overflow:hidden;
			}
				
			</style>
			
					
</body>
</html>